<template>
    <div class="order-others">
        <ul>
            <li v-for="item in list">
                <a :style="'background-image: url(' + imgdomain + item.picUrl + ');'" :href="item.orderType == 1 ? '/#/snOrderList' : item.url" v-text="item.orderName"></a>
            </li>
        </ul>
    </div>
</template>

<script>
import fetch from '../../config/fetch'
import { mres, tps, img } from '../../config/env';

export default {
    data() {
        return {
            list: []
        }
    },

    mounted() {
        let that = this;

        fetch({
            url: tps + '/app/orderCenter/queryOtherOrderList/v2.do',
            jsonp: 'callBack',
            jsonpCallback: 'getList',
            params: {
                app: 'wap',
                appVersion: '3.2.2'
            }
        }).then(res => {
            if (res.data && res.code == 1) {
                this.list = res.data.otherOrders;
            }
        });
    },

    computed: {
        imgdomain() {
            return img();
        }
    }
}
</script>

<style lang="scss" scoped>
@import "./style";
</style>